@import '_variables.scss';

@font-face {
  font-family: 'LED';
  src: url('../assets/UnidreamLED.ttf') format('truetype');
}

.font_led {
  font-family: LED;
}

.icon-title {
  position: relative;
  color: $FontBlue;
  padding-left: 30px;
  font-size: 22px;
  font-weight: 700;

  &::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translate(-45px, -50%);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.icon-title-val {
  color: $FontDarkBlue;
  font-size: 70px;
  line-height: 70px;
  text-align: center;
}

.bs-card-title {
  position: relative;
  color: $FontBlue;
  font-size: 28px;
  line-height: 30px;
  padding-left: 50px;

  background-image: url('../assets/bs-sub-title.png');
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: left center;
}

$bgcolor: #073b6a;
.bs-select {
  .el-input__inner {
    background-color: $bgcolor;
    color:#fff;
    border-color: $FontBlue;
  }
  .el-input__inner:hover{
    border-color: $FontBlue;
  }
}

.bs-popper.el-popper {
  background-color: $bgcolor;
  border-color: $FontBlue;

  .el-select-dropdown__item{
    color:#fff;
  }
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    background-color: $FontBlue;
  }
  .popper__arrow::after{
    border-bottom-color: $FontBlue;
    border-top-color: $FontBlue;
  }
}
